<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="get">
        <div class="input-group">
            <lable>用户名:</lable>
            <input type="text" name="user">
        </div>
        <div class="input-group">
            <lable>密&emsp;码:</lable>
            <input type="text" name="pwd">
        </div>
        <div class="input-group">
            <lable>手机号:</lable>
            <input type="text" name="phone">
        </div>
        <div class="input-group">
            <lable>邮&emsp;箱:</lable>
            <input type="text" name="email">
        </div>
        <div class="input-group">
            <input type="submit" class="btn" value="注册">
        </div>
    </form>

    <p>
        <a href="#one">one</a>
        <a href="#two">two</a>
    </p>
</body>
<script>
    // url组成
    // https://www.baidu.com:443/index.html
    // http://127.0.0.1:5500/day24/html/13%20location.html?user=a123123&pwd=123123&phone=17386141517&email=wlc1272071495%40gmail.com#two

    // 协议部分
    // http  超文本传输协议
    // https   http的加密传输版

    // 域名部分  www.baidu.com
    // www  万维网简写(可以省略)
    
    // baidu  一级域名
    // tieba.baidu  二级域名
    // a.tieba.baidu  三级域名 (从右向左读)
    // 本地服务器: 127.0.0.1  / localhost  => 访问当前电脑ip


    // 域名后缀  => 是指代表一个域名类型的符号
    // 国际域名: .com、.xyz、.top、.wang、pub、.xin、.net
    // 国别域名: 中国的.cn、美国的.us、俄罗斯的.ru

    // 端口:
    // 80 (http的默认端口)
    // 443 (https服务器的默认端口)
    // 闲置端口  => 用户可以自己根据需要定义

    // 文件路径部分
    // / 站点的根目录
    // /day24/html/13%20location.html   => 需要访问的文件在站点中的位置

    // 参数数据部分  ?之后#之前  (页面跳转同时可以带数据)
    // ?user=a123123&pwd=123123&phone=17386141517&email=wlc1272071495%40gmail.com

    // hash值(锚点)
    // #one

    

</script>
</html>